<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <link rel="stylesheet"  href="css/public.css"/>
</head>
<body>
<div th:include="header::header"></div>
<script src="js/jquery.scrollBanner.js" type="text/javascript"></script>
<div id="banner"></div>
<script type="text/javascript">
    $("#banner").scrollBanner({
        images : [
            {src:"images/hyw03.jpg",title:"banner1",href:"#"},
            {src:"images/hyw03-a.jpg",title:"banner2",href:"#"},

        ],
        scrollTime:3000,
        bannerHeight:"720px",
        iconColor: "#FFFFFF",
        iconHoverColor : "#cc3333",
        iconPosition : "center"
    });
</script>


<div class="gong">
    <div class="warp"><img class="m20t fl" src="images/hyw-04.png" /> <span class="m20t fl m20l">最新公告：</span>
        <div class="ranklist fl">

           <MARQUEE scrollAmount=2>
                <a href="#" th:each="item:${#ctx.servletContext.getAttribute('referenceData')}" th:text="${item.noticeTitle}">每周存款天数达到5天，即可在下周免费获得50元彩金，详情请查看优惠界面~</a>
            </MARQUEE>

        </div>
    </div>
</div>
<div class="hyw-02 warp">
    <div class="hyw-02-01"> <span class="fl m30t"> <span class="fs20">存款到账</span><br/>
    <span class="fs14 b6">平均时间</span> </span> <span class="fl m180l m40t m25b"> <i class="fs48">25</i><span
            class="fs20">秒</span></span>
        <div class="jidu"><span style="width:60%;"></span></div>
    </div>
    <div class="hyw-02-01"> <span class="fl m30t"> <span class="fs20">提款到账</span><br/>
    <span class="fs14 b6">平均时间</span> </span> <span class="fl m120l m40t m25b"> <i class="fs48">3'25</i><span
            class="fs20">分</span></span>
        <div class="jidu"><span style="width:60%;"></span></div>
    </div>
    <div class="hyw-02-01"> <span class="fl m30t"> <span class="fs20">便捷银行服务</span><br/>
    <span class="fs14 b6">我们支持的机构有</span> </span> <span class="fl m120l m40t m25b"> <i class="fs48">45</i><span
            class="fs20">家</span></span></div>
</div>

<div class="hyw-03">
    <div class="warp">
        <div class="hy-03-lf fl">
            <div class="hy-03-t m35t">
                <img align="left" src="images/hyw-05.png"/><span class="fs24 m10t"
                                                                 style="display:inline-block;">产品优势</span><br/><i
                    class="fs12">product advantages</i>
            </div>
            <ul class="yous">
                <li class="m25r">
                    <div class="y-pic"><img src="images/t1.jpg"/></div>
                    <div class="y-ms fs20"><img src="images/hyw-10.png"/>娱乐城</div>
                    <div class="p20l p20r lh20">全球顶级娱乐城平台，数百位荷官佳丽，提供如临实地赌场般的享受。</div>
                </li>
                <li class="m25r">
                    <div class="y-pic"><img src="images/t2.jpg"/></div>
                    <div class="y-ms fs20"><img src="images/hyw-11.png"/>体育游戏</div>
                    <div class="p20l p20r lh20">全球顶级娱乐城平台，数百位荷官佳丽，提供如临实地赌场般的享受。</div>
                </li>
                <li>
                    <div class="y-pic"><img src="images/t3.jpg"/></div>
                    <div class="y-ms fs20"><img src="images/hyw-12.png"/>彩票游戏</div>
                    <div class="p20l p20r lh20">全球顶级娱乐城平台，数百位荷官佳丽，提供如临实地赌场般的享受。</div>
                </li>
            </ul>
        </div>
        <div class="hy-03-rt">
            <div class="hy-04-t">
                <img align="left" src="images/hyw-05.png"/><span class="fs24 m10t"
                                                                 style="display:inline-block;">安全优势</span><br/><i
                    class="fs12">Security advantages</i>
            </div>
            <ul class="anqun">
                <li>
                    <span class="fs20">资金安全</span><br/>
                    经过云加密的银行卡支付系统，采用国际标准的256位加密技术安全，私密。
                </li>
                <li>
                    <span class="fs20">信息安全</span><br/>
                    所有产品已通过国际网站安全检测机构scanv及eesafe最严格的检测。安全无毒无漏洞。
                </li>
                <li>
                    <span class="fs20">值得信赖</span><br/>
                    Beplay团队最致力于移动安全应用的开发和整合，为您资金及信息安全保驾护航！
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="warp">
    <div class="about">
        <div class="ab-01"><img align="left" src="images/hyw-07.png"/><span class="fs24 m10t"
                                                                            style="display:inline-block;">关于我们</span><br/><i
                class="fs12">about us</i></div>
        <div class="fs14 m40t b6 lh28">
            爱赢娱乐致力于成为世界顶级的在线娱乐公司。因此，爱赢在处理任何事情的时候，都会优先考虑客户的利益。客户的最大满意就是我们的成功。爱赢娱乐提供全天候24小时的在线客服提供专业化和人性化相结合的最佳服务。爱赢娱乐提供多种渠道的客户沟通，包括在线聊天，邮件，电话，短信微信等等爱赢娱乐提供最贴心的VIP
        </div>
    </div>

    <div class="about">
        <div class="ab-01"><img align="left" src="images/hyw-08.png"/><span class="fs24 m10t"
                                                                            style="display:inline-block;">加入我们</span><br/><i
                class="fs12">join us</i></div>
        <div class="fs14 m40t b6 lh28">
            选择爱赢娱乐作为您的合营伙伴，将会是您最为明智的选择，意味着您向成功迈出了最为重要的一步。
            <a class="hezuo" href="#"><img class="m10r" src="images/hyw-13.png"/>加盟合作</a>
        </div>
    </div>
    <div class="paixb">
        <div class="pai-01"><img align="left" src="images/hyw-09.png"/><span class="fs24 m10t"
                                                                             style="display:inline-block;">赚钱排行榜</span><br/><i
                class="fs12">Money list</i></div>
        <div class="pa-01">Name</div>
        <div class="pa-01">prizes</div>
        <ul class="mink">
            <li><span class="m50r">1. chxxxx87</span>cny 547,908,00</li>
            <li><span class="m50r">1. chxxxx87</span>cny 547,908,00</li>
            <li><span class="m50r">1. chxxxx87</span>cny 547,908,00</li>
            <li><span class="m50r">1. chxxxx87</span>cny 547,908,00</li>
            <li><span class="m50r">1. chxxxx87</span>cny 547,908,00</li>
        </ul>
    </div>
    <div style="clear:both;"></div>
</div>
<div th:include="footer::copy"></div>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
    (function ($) {

        $.fn.myScroll = function (options) {
            //默认配置
            var defaults = {
                speed: 180,  //滚动速度,值越大速度越慢
                rowHeight: 22 //每行的高度
            };
            var opts = $.extend({}, defaults, options), intId = [];

            function marquee(obj, step) {

                obj.find("ul").animate({
                    marginTop: '-=1'
                }, 0, function () {
                    var s = Math.abs(parseInt($(this).css("margin-top")));
                    if (s >= step) {
                        $(this).find("li").slice(0, 1).appendTo($(this));
                        $(this).css("margin-top", 0);
                    }
                });
            }

            this.each(function (i) {
                var sh = opts["rowHeight"], speed = opts["speed"], _this = $(this);
                intId[i] = setInterval(function () {
                    if (_this.find("ul").height() <= _this.height()) {
                        clearInterval(intId[i]);
                    } else {
                        marquee(_this, sh);
                    }
                }, speed);

                _this.hover(function () {
                    clearInterval(intId[i]);
                }, function () {
                    intId[i] = setInterval(function () {
                        if (_this.find("ul").height() <= _this.height()) {
                            clearInterval(intId[i]);
                        } else {
                            marquee(_this, sh);
                        }
                    }, speed);
                });
            });
        }
    })(jQuery);
    $(function () {

        $("div.ranklist").myScroll({
            speed: 80,
            rowHeight: 22
        });

    });
</script>
<div id="service">
    <ul>
        <li>
            <a href="javascript:void(0)" class="weixin_area">
                <img src="images/l02.png" width="47" height="49" class="shows"/>
                <img src="images/a.png" width="57" height="49" class="hides"/>
                <img src="images/weixin.jpg" width="145" class="weixin" style="display:none;margin:-100px 57px 0 0"/>
            </a>
        </li>
        <li>
            <a href="http://wpa.qq.com/msgrd?v=3&uin=800022936&site=qq&menu=yes" target="_blank">
                <div class="hides" style="width:161px;display:none;" id="qq">
                    <div class="hides">
                        <img src="images/ll04.png">
                    </div>
                    <div class="hides" id="p2"><span style="color:#FFF;font-size:13px">800022936</span>
                    </div>
                </div>
                <img src="images/l04.png" width="47" height="49" class="shows"/>
            </a>
        </li>
        <li id="tel">
            <a href="javascript:void(0)">
                <div class="hides" style="width:161px;display:none;" id="tels">
                    <div class="hides" id="p1">
                        <img src="images/ll05.png">
                    </div>
                    <div class="hides" id="p3"><span style="color:#FFF;font-size:12px">0551-65371998</span>
                    </div>
                </div>
                <img src="images/l05.png" width="47" height="49" class="shows"/>
            </a>
        </li>
        <li id="btn">
            <a id="top_btn">
                <div class="hides" style="width:161px;display:none">
                    <img src="images/ll06.png" width="161" height="49"/>
                </div>
                <img src="images/l06.png" width="47" height="49" class="shows"/>
            </a>
        </li>
    </ul>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        $("#service a").hover(function () {
            if ($(this).prop("className") == "weixin_area") {
                $(this).children("img.hides").show();
            } else {
                $(this).children("div.hides").show();
                $(this).children("img.shows").hide();
                $(this).children("div.hides").animate({marginRight: '0px'}, '0');
            }
        }, function () {
            if ($(this).prop("className") == "weixin_area") {
                $(this).children("img.hides").hide();
            } else {
                $(this).children("div.hides").animate({marginRight: '-163px'}, 0, function () {
                    $(this).hide();
                    $(this).next("img.shows").show();
                });
            }
        });

        $("#top_btn").click(function () {
            $("html,body").animate({scrollTop: 0}, 600);
        });

        //右侧导航 - 二维码
        $(".weixin_area").hover(function () {
            $(this).children(".weixin").show();
        }, function () {
            $(this).children(".weixin").hide();
        })
    });
</script>
</body>
</html>
